<template>
	
	<div class="shopinfo">
	<!-- <x&#45;header :left&#45;options="{showBack: false}" style="background&#45;color:#c8c7cc">购买预付卡</x&#45;header> -->
	<x-header :right-options="{showMore: true}" @on-click-more="showMenus = true">购买预付卡</x-header>
	<!-- <actionsheet :menus="menus" v&#45;model="showMenus" show&#45;cancel></actionsheet> -->
	<!-- <radio :options="options" fill&#45;mode fill&#45;label="Other" fill&#45;placeholder="填写其他的哦"></radio>	 -->
        <!-- <checker :value.sync="demo2" default&#45;item&#45;class="demo2&#45;item" selected&#45;item&#45;class="demo2&#45;item&#45;selected"> -->
	<!--   <checker&#45;item value="1">1</checker&#45;item> -->
	<!--     <checker&#45;item value="2">2</checker&#45;item> -->
	<!--       <checker&#45;item value="3">3</checker&#45;item> -->
	<!-- </checker> -->
	<!-- <panel header="234" :footer="footer" :list="list" :type="type"></panel> -->
	</div>
</template>
<script>
	import { Group, Cell } from 'vux'
	// import { Cell, XInput,Card ,Panel,Checker,Radio, CheckerItem, XHeader, Actionsheet } from "./index.js"
	export default {
		data (){
			return {
			      menus: {
        menu1: 'Take Photo',
        menu2: 'Choose from photos'
      },
      showMenus: false,

			saveInfo: {
				bpName:"",//店名;
				categoryNo:"",//分类编码 ，
				address:"",//地址，
				contactNumber:"",//电话，
				businessHours:"",//时间，
				note:""//介绍 
				},
		// options:['China','Japan'],	
				 demo2: '2',
			      type: '1',
			      list: [{
				src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
				title: '标题一',
				desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
				url: '/component/cell'
			      }, {
				src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
				title: '标题二',
				desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
				url: {
				  path: '/component/radio',
				  replace: false
				}
			      }],
			      footer: {
				title: '查看更多',
				url: '/rechargecard'
			      }
    
			}//return
		},
		components: {
// 		   Cell,
// 		   XInput,
// 		   Card,
// 		   Panel ,
// 		   Checker ,
// 			Radio,
// 			CheckerItem,
// XHeader,Actionsheet 
		}
	}
	</script>
<style>
.demo2-item {
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  display: inline-block;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
}
.demo2-item-selected {
  border-color: green;
}
</style>
